<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
<!--  1.在遍历对象的过程中，如果只是获取一个值，获取到的是value-->
  <li v-for="item in info">{{item}}</li>
<!--  2.获取key和value=====>(value,key)-->
<li v-for="(value,key) in info">{{value}}-{{key}}</li>
<!--  3.获取key和value和index=====>(value,key,index)
    不过index用的很少-->
<li v-for="(value,key,index) in info">{{value}}-{{key}}-{{index}}</li>
</div>
<script src="../js/vue.js"></script>
<script>
  const vm=new Vue({
    el:'#app',
    data:{
      info:{
        name:'DYS',
        age:20,
        height:1.80
      }
    }
  })
</script>

</body>
</html>